.safetyDetailBox {
  width: 100%;
  box-sizing: border-box;
  .et-flex-column-center();

  .safetyDetailContent {
    width: @content-width;

    .headBox {
      width: 100%;

      .head {
        width: 100%;
        padding: 20px 0;
        box-sizing: border-box;
        .et-flex-center();
      }

      .body {
        width: 100%;
        .et-flex-center();
      }

      .bottom {
        width: 100%;
        background-color: rgba(237, 241, 245, 1);
        padding: 10px;
        box-sizing: border-box;

        span {
          line-height: 30px;
        }
      }
    }

    .serviceItem {
      width: 100%;

      .serviceItem_head {
        width: 100%;
        padding: 20px 0;
        box-sizing: border-box;
        .et-flex-center();
      }

      .serviceItem_content {
        width: 100%;
        .et-flex-spacebetween();
        flex-direction: row;
        flex-wrap: wrap;

        .serviceItem_box {
          width: 32%;
          position: relative;
          -webkit-transition: all .3s;
          transition: all .3s;
          cursor: pointer;
          margin-bottom: 1px;

          .serviceItem_infoBox {
            width: 100%;

            .serviceItem_cardBox {
              margin-top: -30px;
              background-color: #fff;
              width: 100%;
              height: 120px;
              overflow-x: auto;
              .et-flex-center();

              .serviceItem_labelBox {
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 4;
                overflow-y: hidden;
                text-overflow: ellipsis;
                width: 310px;
                height: 95px;
                padding: 5px;
                font-size: @font-size-base;
                line-height: 22px;
                background-color: #fff;
                border-radius: 5px;
                box-shadow: 0 2px 12px 0 rgba(46, 45, 45, 1);
              }
            }
          }

          .serviceItem_shadow {
            display: none;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 7;
            background: rgba(0, 0, 0, .5);

            .serviceItem_shadow_label {
              width: 100%;
              color: #fff;
              padding: 80px 20px 0;
              word-break: break-all;
              font-size: 18px;
              line-height: 28px;
              white-space: pre-wrap;
            }
          }

          &:hover {
            .serviceItem_shadow {
              display: block;
            }
          }
        }
      }
    }
  }
}